Ứng dụng Angular 9

README.md
project /

1 <p align="center">
2   <h1 align="center">Angular 9 Application</h1>
3   <p align="center">
4     Angular 9.0.7 + Angular CLI + Angular Universal
5     <br>
6     Lazy Loading + SSR + PWA + SEO + google Analytics + API REST (Node.js)
7     <br>
8     Prototype bootstrap
9     <br>
10     <a href="https://angular.ganatan.com/">LIVE DEMO</a>
11     <br>
12     <br>
13     <a href="https://angular.ganatan.com/">
14       <img src="https://media.giphy.com/media/RfqiR12yhtHpwaItBq/giphy.gif" alt="Angular 9 Example Application"/>
15     </a>
16   </p>
17 </p>
18
19 ## Lighthouse Audit
20 <img src="https://api.ganatan.org/articles/img/search-engine-optimization-avec-angular-lighthouse-after.png"/>
21
22 ## Table of contents
23
24 - [Status](#status)
25 - [Quick start](#quick-start)
26 - [Front-end](#front-end)
27 - [Back-end](#back-end)
28 - [Author](#author)
29 - [Documentation](#documentation)
30
31 ## Status
32
33 [![GitHub stars](https://img.shields.io/github/stars/ganatan/angular9-app.svg?style=social&label=Star)](https://github.com/ganatan/angular9-app)
34 [![GitHub forks](https://img.shields.io/github/forks/ganatan/angular9-app.svg?style=social&label=Fork)](https://github.com/ganatan/angular9-app/fork)
35
36
37
38 ### Front-end : What's included
39 > Dependencies
40 - [x] Angular : 9.0.7
41 - [x] Angular CLI : 9.0.7
42 - [x] Angular Universal : 9.0.1
43 - [x] Bootstrap : 4.4.1
44 - [x] Fontawesome : 5.12.1
45 - [x] jquery : 3.4.1
46
47 > Features
48 - [x] Routing
49 - [x] Lazy Loading
50 - [x] Server Side Rendering
51 - [x] Progressive Web App
52 - [x] Responsive Layout
53 - [x] Search Engine Optimization (SEO)
54 - [x] Components
55 - [x] Services
56 - [x] inheritance
57 - [x] Search / Grid / Pagination
58 - [x] Leaflet open-source JavaScript library
59
60 ### Back-end : What's included
61 > Dependencies
62 - [x] Node.js : 12.16.0
63 - [x] Express.js : 4.17.1
64 - [x] pg-promise : 10.4.4
65
66 > Features
67 - [x] PostgreSQL
68 - [x] Database Creation
69 - [x] Domains Creation
70 - [x] Tables Creation
71 - [x] Importing Data
72 - [x] Exporting Data
73 - [x] RESTful API
74
75
76 ## Quick start
77
78 ```bash
79 # clone the repo
80 git clone https://github.com/ganatan/angular9-app.git
81
82 # change directory
83 cd angular9-app
84
85 # install the repo with npm
86 npm install
87
88 # start the server
89 npm start
90
91 ```
92 in your browser go to [http://localhost:4200](http://localhost:4200)
93
94
95 ## Front-end
96
97 ### Installation
98 * `npm install` (installing dependencies)
99 * `npm outdated` (verifying dependencies)
100
101 ### Developpement
102 * `npm run start`
103 * in your browser [http://localhost:4200](http://localhost:4200)
104
105 ### Settings
106 * you can select one of these Datasources
107
108 * Change settings in src/app/modules/application/movies-images-list
109 * File config/config.service.ts
110 * default: LOCAL JSON
111 * LOCAL REST API CRUD : http://localhost:5200
112
113 ### Tests
114 * `npm run lint`
115 * `npm run test`
116 * `npm run e2e`
117
118 ### Compilation
119 * `npm run build` ( without SSR)
120 * `npm run build:ssr` ( with SSR)
121
122 ### Production
123 * `npm run serve:ssr`
124 * in your browser [http://localhost:4000](http://localhost:4000)
125
126 ### Prototype Bootstrap
127 * `change directory` cd ui
128 * launch html pages in your browser
129
130 ## Back-end
131
132 ### Installation
133 * `change directory` cd api
134 * `npm install` (installing dependencies)
135 * `npm outdated` (verifying dependencies)
136
137 ### Database Creation
138 * `change login and password for postgreSQL in file config.json`
139 * `login":"postgres"`
140 * `password":"your_password"`
141
142 * `npm run app` (database creation)
143
144 ### Developpement
145 * `npm run start`
146 * in your browser [http://localhost:5200](http://localhost:5200)
147
148 ### Tests API
149 * in your browser [http://localhost:5200/movies](http://localhost:5200/movies)
150
151
152 ### Author
153 * Updated : 19/03/2020
154 * Author : danny
155
156 ## Documentation
157 English Tutorials
158 - Installation - https://www.ganatan.com/tutorials/build-full-web-application-with-angular
159 - Tutorials Step by Step - https://www.ganatan.com/tutorials/en
160
161 Tutoriels en français
162 - Installation - https://www.ganatan.com/tutorials/creer-application-web-complete-avec-angular
163 - Tutoriels Etapes par étapes - https://www.ganatan.com/tutorials

Ứng dụng Angular 9

Web, Tìm kiếm nhanh

Web, Tìm kết quả nhanh

Dự án liên quan!

Hệ thống thông tin và điều độ xe buýt

Tạo Trình quản lý điểm, Phá hủy ranh giới và Bộ điều khiển lối chơi

Cách tạo thu gọn Bootstrap

Bóng văn bản (và hiệu ứng)

Các lớp/tiểu bang giả

Lề và phần đệm